<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta charset="gb2312">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=dege" />
    <meta name="format-detection" content="telephone=no" />
    <title>衍射</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/swiper.min.css" />
    <link rel="stylesheet" href="css/animate.min.css" />
    <link href="images/favicon.ico" rel="icon" type="images/x-icon">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1631099_c2ht6ck3pi.css">
    <link rel="stylesheet" href="css/headfoot.css" />
    <link rel="stylesheet" href="css/h.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/swiper.jquery.min.js"></script>
    <script src="js/jquery.SuperSlide.2.1.1.js"></script>
    <script src="js/index.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/wow.min.js"></script>
    <script src="js/jquery.SuperSlide.2.1.1.js"></script>
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
    <script>
        if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
            new WOW().init();
        }
    </script>
</head>

<body>
    <!--头部部分-->
    <div class="heads baibg ">
        <script>
            $(".heads").load("head.html");
        </script>
    </div>
    <!-- 音频详情 -->
    <div class="">
        <div class="main-md pad50">
            <div class="individualism">
                <div class="individualism_lf shaw">
                    <script>
                        $(".individualism_lf").load("left.html");
                    </script>
                </div>
                <div class="individualism_rt baibg  shaw">
                    <div class="individualism_tit">
                        <h1>账号设置</h1>
                    </div>
                    <div class="enroll">
                        <div class="enroll_rts">
                            <div class="enroll_rts_img">
                                <img src="images/dyf/tous.jpg" alt=""/>
                            </div>
                            <div class="enroll_rts_btn">
                                <span> 上传头像 </span>
                            </div>
                        </div>
                        <div class="enroll_lfs">
                            <div class="enroll_item">
                                <div class="enroll_lf"><em>*</em>昵称</div>
                                <div class="enroll_rt"><input type="text"></div>
                            </div>
                            <div class="enroll_item">
                                <div class="enroll_lf">出生日期</div>
                                <div class="enroll_rt"><input type="text"></div>
                            </div>
                            <div class="enroll_item">
                                <div class="enroll_lf">性 别</div>
                                <div class="female">
                                    <input type="radio" id="female" name="sex" />
                                    <label for="female">女</label>
                                </div>
                                <div class="male">
                                    <input type="radio" id="male" name="sex" />
                                    <label for="male">男</label>
                                </div>
                            </div>
                            <div class="enroll_item">
                                <div class="enroll_lf">服务地区</div>
                                <div class="enroll_rt"><select name="" id="">
                                    <option value=""> 北京</option>
                                    <option value=""> 搜索 </option>
                                </select>
                                    <select name="" id="">
                                        <option value=""> 海淀</option>
                                        <option value=""> 搜索 </option>
                                    </select></div>

                            </div>
                            <div class="enroll_item">
                                <div class="enroll_lf"><em>*</em>联系电话</div>
                                <div class="enroll_rt"><input type="text"></div>
                            </div>
                            <!--<div class="enroll_item">-->
                            <!--<div class="enroll_lf"> 图形验证码：</div>-->
                            <!--<div class="enroll_rt"><input type="text">-->
                            <!--<img src="images/yan.jpg" alt="">-->
                            <!--<a href="#"> 看不清，换一张 </a>-->
                            <!--</div>-->
                            <!--</div>-->
                            <!--<div class="enroll_item">-->
                            <!--<div class="enroll_lf"> 短信验证码</div>-->
                            <!--<div class="enroll_rt"><input type="text">-->
                            <!--<button> 获取验证码 </button>-->
                            <!--</div>-->
                            <!--</div>-->
                            <div class="enroll_item">
                                <div class="enroll_lf"> 邮箱</div>
                                <div class="enroll_rt"><input type="text">
                                </div>
                            </div>
                            <div class="enroll_item">
                                <div class="enroll_lf"> 我的二维码</div>
                                <div class="enroll_rt">
                                    <img src="images/dyf/zil.jpg" alt=""/>
                                </div>
                            </div>
                            <div class="enroll_item">
                                <div class="enroll_lf"> </div>
                                <div class="enroll_rt">
                                    <div class="enroll_btn">
                                        <a href="#"> 保存</a>
                                        <a href="#"> 提交</a>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="both"></div>
            </div>
        </div>
    </div>
    <!--页尾-->
    <div class="foots">
        <script>
            $(".foots").load("foot.html");
        </script>
    </div>
    <script>

    </script>
</body>

</html>